<!--Force IE6 into quirks mode with this comment tag-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Alternativa Once</title>
<link href="styleIndex.css" rel="stylesheet" type="text/css" />
<link href="styleArtista.css" rel="stylesheet" type="text/css" />
<link href="styleFormas.css" rel="stylesheet" type="text/css" />
<!-- calendar stylesheet -->
  <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
  <!-- main calendar program -->
  <script type="text/javascript" src="js/calendar.js"></script>
  <!-- language for the calendar -->
  <script type="text/javascript" src="js/calendar-en.js"></script>
  <!-- the following script defines the Calendar.setup helper function, which makes
       adding a calendar a matter of 1 or 2 lines of code. -->
  <script type="text/javascript" src="js/calendar-setup.js"></script>
<script>
  function changeimage(towhat,url){
    if (document.images){
      document.images.targetimage.src=towhat.src
      gotolink=url
    }
  }
  
  function warp(){
    window.location=gotolink
  }
  
  </script>
  
  <script language="JavaScript1.1">
  var myimages=new Array()
  var gotolink="#"
  
  function preloadimages(){
    for (i=0;i<preloadimages.arguments.length;i++){
    myimages[i]=new Image()
    myimages[i].src=preloadimages.arguments[i]
    }
  }
  
  preloadimages("images/img01.gif","images/pic02.gif","images/pic03.gif","images/pic04.gif","images/pic05.gif")
</script>
</head>
<body>

<div id="framecontent">
<div class="seccioninterior">

<div id="navcontainer">
<ul>
   <li><a href="#">Terms & Conditions</a></li>
   <li><a href="#">Copyright Information</a></li>
   <li><a href="#">Privacy Policy</a></li>
   <li style="border:0"><a href="#">Sitemap</a></li>                                                    
</ul> 
</div>  

</div>
</div>

<div id="maincontent">
<div class="seccioninterior" style="height:77px; border-bottom:1px solid #ccc;">
<div style="float:left;"><img src="images/logo.gif"></div>
<div id="menutop" style="float:right; font-size:10px; text-align:right">
  <ul style="padding-top:10px; list-style-type: none;">
    <li><a href="#">Artistas</a></li>
    <li><a href="#">Exposiciones</a></li>
    <li><a href="#">Galeria</a></li>
    <li><a href="#">Convocatoria</a></li>
  </ul>
</div>
</div>
<h1 class="tituloNuevaConvocatoria">nueva exposici&oacute;n</h1>
<div class="seccioninterior" style="margin-top:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px">
<div style="margin-bottom:10px"><div class="tagTituloIzquierdo">T&iacute;tulo:</div><input type="text" class="textDerecho"/></div>
<div style="margin-bottom:10px">
	<div class="tagTituloIzquierdo">Datos Generales:</div>
	<textarea rows="10" class="textDatosGenerales"></textarea>
</div>
<div style="margin-bottom:10px">
	<div class="tagTituloIzquierdo">Texto Completo:</div>
	<textarea rows="10" class="textDatosCompletos"></textarea>
</div>

<div class="divInfoExpoActual">
	<div class="infoId">No. 1</div>
	<div class="infoDescripcion">Titulo de la obra</div>
	<div class="borrarDatosExpo"><a href="#">[ borradme ]</a></div>
</div>
<div class="divInfoExpoActual">
	<div class="infoId">No. 1</div>
	<div class="infoDescripcion">Titulo de la obra</div>
	<div class="borrarDatosExpo"><a href="#">[ borradme ]</a></div>
</div>
<div class="divInfoExpoActual">
	<div class="infoId">No. 1</div>
	<div class="infoDescripcion">Titulo de la obra</div>
	<div class="borrarDatosExpo"><a href="#">[ borradme ]</a></div>
</div>
<div class="divInfoExpoActual">
	<div class="infoId">No. 1</div>
	<div class="infoDescripcion">Titulo de la obra</div>
	<div class="borrarDatosExpo"><a href="#">[ borradme ]</a></div>
</div>
<div class="divInfoExpoActual">
	<div class="infoId">No. 1</div>
	<div class="infoDescripcion">Titulo de la obra</div>
	<div class="borrarDatosExpo"><a href="#">[ borradme ]</a></div>
</div>

<div class="divNuevaExpoBottom">
	<div class="tagTituloIzquierdo">Imagen (542 x 362):</div>
	<input type="file" class="inputFileExpo">	
	<input type="radio" value="" style="margin-left:180px">Horizontal <input type="radio" value=""> Vertical
	
	<div class="radioExpo">Thumbnail (360 x 183):</div>
	<input type="file" class="inputFile2Expo" style="margin-bottom:15px">
	<div class="tagTituloIzquierdo">Fecha Inicio:</div>	
	
	<form action="#" method="get">
	<div>
		<input type="text" name="date" id="f_date_c1" readonly="1" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:left; border:1px solid #888; " />
		<img src="images/calendario.gif" id="f_trigger_c1" style="cursor: pointer; border: 0px solid red; float:left" title="Date selector" onmouseover="this.style.background='red';" onMouseOut="this.style.background=''" />
	</div>
	</form>	
	<script type="text/javascript">
		Calendar.setup({
			inputField     :    "f_date_c1",     // id of the input field
			ifFormat       :    "%Y-%m-%d",      // format of the input field
			button         :    "f_trigger_c1",  // trigger for the calendar (button ID)
			align          :    "Tl",           // alignment (defaults to "Bl")
			singleClick    :    true
		});
	</script>
	
	<div class="tagTituloIzquierdo" style="margin-top:15px">Fecha Final:</div>		
	<form action="#" method="get">
	<div>
		<input type="text" name="date" id="f_date_c2" readonly="1" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:left; border:1px solid #888;  margin-top:15px" />
		<img src="images/calendario.gif" id="f_trigger_c1" style="cursor: pointer; border: 0px solid red; float:left; margin-top:15px" title="Date selector" onmouseover="this.style.background='red';" onMouseOut="this.style.background=''" />
	</div>
	</form>	
	<script type="text/javascript">
		Calendar.setup({
			inputField     :    "f_date_c2",     // id of the input field
			ifFormat       :    "%Y-%m-%d",      // format of the input field
			button         :    "f_trigger_c2",  // trigger for the calendar (button ID)
			align          :    "Tl",           // alignment (defaults to "Bl")
			singleClick    :    true
		});
	</script>



</div>
<div class="divTituloDerecho">
	<div class="divTagDerecho">
		<div class="tagTituloDerecho">T&iacute;tulo:</div>
		<input type="text" class="textDerechoExpo"/>
	</div>
	<div class="divTituloDerecho">
		<div class="tagTituloDerecho">A&ntilde;o:</div>
		<input type="text" class="textDerechoExpo"/>
	</div>
	<div class="divTituloDerecho">
		<div class="tagTituloDerecho">Material:</div>
		<input type="text" class="textDerechoExpo"/>
	</div>
	<div class="divTituloDerecho">
		<div class="tagTituloDerecho">Medidas:</div>
		<input type="text" class="textDerechoExpo"/>
	</div>
	<div class="divTituloDerecho">
		<div class="tagTituloDerecho">Foto:</div>
		<input type="text" class="textDerechoExpo"/>
	</div>	
</div>

</div>
</div>


</body>
</html>
